/*(1)清除默认样式*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,input{ margin:0; padding:0; }
fieldset, img,input,button { border:0 none; padding:0;margin:0;outline-style:none; }   /*去掉input等聚焦时的蓝色边框*/
ul,li,ol{ list-style:none; }


select, input { vertical-align:middle;}
/*select, input, textarea { font-size:12px; margin:0; }*/
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  


a {text-decoration:none; }

/*（2）添加公共样式*/
/*body {
    font:12px Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff;
}*/

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,i,em{font-style:normal;text-decoration:none;}

/* 只要元素需要左浮动就给元素添加一个class名为fl */
.fl {
    float:left;
}
/*只要元素需要右浮动就给元素添加一个class名为fr  */
.fr {
    float:right;
}
.ac {
    text-align:center;
}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}

.clearfix::after{
    content: "";
    display: block;
    height: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

/* 单行出现省略号 */

.danhang{
    width: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ------------ */



/* 多行文本出现省略号 */
.duohang{
    width: 1px;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-inline-box;
    -webkit-linr-clamp:2;
    -webkit-box-orient: vertical;
}
/* ---------------- */


/* 移动端内容上下滑动 */

.sxhd{
    height: calc(100% - 1.173333rem - 1.333333rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* ---------------- */




/* 移动端左右滑动 */

.zyhd{
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch;
}

/* ------------ */


/* 移动端footer布局 */
/* .footer{
    height: 1.333333rem;
    border-top: .013333rem solid #ccc;
    box-sizing: border-box;
    padding-top: .253333rem;
    .content{
        display: flex;
        justify-content: space-around;
        .f1{
             width: 23%;
            font-size: .48rem;
            display: block;
            text-align: center;
            color: #989898;
            span{
                font-size: .24rem;
                display: block;
            text-align: center;
            }
        }
        .f1:hover{
            color: #f34a37;
        }
    }
} */
/* ------------ */



